<template>
  <div id="app">
    <router-view />
    <theme-picker />

  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";



export default {
  name: "App",
  components: { ThemePicker},
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  },
  watch: {
    $route(to, from) {
      //console.log(to, from)
      // const ignore = ['login','index']
      // if (ignore.includes(to.path)) return

     // this.chuangzuozhe = true
    }
  },
  methods: {

  },
};
</script>
<style lang="scss">
.el-dialog {
  background: linear-gradient(180deg, #FFF9F1 0%, #FFFFFF 13%, #FFFFFF 100%) !important;
  border-radius: 15px 15px 15px 15px !important;
}

// .el-dialog__body {
//   height: 656px; 
//   overflow: auto;
// }

.el-select__tags {
  //top: 30% !important;
}

// .el-dialog:not(.is-fullscreen) {
//   margin-top: calc((100vh - 710px)/2) !important;
// }

/* .el-button--primary {
    color: #FFF;
    background-color: #D5A771 !important;
    border-color: #D5A771 !important;
} */
.el-form-item__label {
  //  padding: 0 !important;
}

.el-form-item {
  /* margin-bottom: 20px !important; */
}

.cell {
  font-size: 15px;
}

.el-image-viewer__close {
  height: 35px !important;
}

.el-checkbox__label {
  font-size: 18px !important;
}

.el-tabs__item {
  font-size: 17px !important;
}

::-webkit-scrollbar {
  width: 2px;
}

.el-table {
  margin-left: -20px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ccc;
}

.el-form-item__label {
  font-size: 16px !important;
}
</style>
<style scoped lang="scss">
#app .theme-picker {
  background-color: #f5f5f5;
  display: none;

}

.global-dialog {
  ::v-deep .el-dialog__body {
    max-height: calc(100vh - 100px);
    overflow: auto;
  }
}
</style>
